<template>
  <view v-show="show" class="" style="min-height: 400rpx;">
  	<view class="tn-margin-sm">
  		<view class="tn-text-lg tn-text-bold clamp-text-1 tn-text-justify">
  			<text class="">测试分析</text>
  		</view>
  	</view>
 
	<view class="charts-box">
	    <qiun-data-charts 
	      type="mount"
		  :animation = "false"
	      :opts="opts"
	      :chartData="chartData"
		   :ontouch="true"
	    />
	  </view>
 
  </view>
  
  
</template>

<script>
export default {
  data() {
    return {
		show:false,
      chartData: {},
      //您可以通过修改 config-ucharts.js 文件中下标为 ['mount'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
      opts: {
        color: ["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],
        padding: [15,15,0,5],
        enableScroll: true,
        legend: {},
        xAxis: {
          disableGrid: true,
		  scrollShow: true,
		  itemCount: 4
        },
		
		
		
        yAxis: {
          data: [
            {
              min: 0
            }
          ]
        },
        extra: {
          mount: {
            type: "bar",
            widthRatio: 1.5
          }
        },
		
		
      }
    };
  },
  onReady() {
  },
  methods: {
	  // 员工能力 绘制
	  drawAbilityCharts(info) {
		  debugger
	  	var res = {};
	  	if (info.radar.length > 0){
	  		this.show = true;
	  		
	  		var seriesListData = [];
	  		var categoryList = [];
	  		info.radar.forEach((optionsItem, index) => {
				var item = {
					name:optionsItem.name,
					value:optionsItem.val,
				}
				seriesListData.push(item);
	  		});
	  	
	  		res = {
	  			series:[
					{
						data:seriesListData
					},
				]
	  		}
	  	} 
	  
	  	this.chartData = JSON.parse(JSON.stringify(res));
	  },
	  
	  
	  
	  
	  
    // getServerData() {
    //   //模拟从服务器获取数据时的延时
    //   setTimeout(() => {
    //     //模拟服务器返回数据，如果数据格式和标准格式不同，需自行按下面的格式拼接
    //     let res = {
    //         series: [
    //           {
    //             data: [{"name":"一班","value":82},{"name":"二班","value":63},{"name":"三班","value":86},{"name":"四班","value":65},{"name":"五班","value":79}]
    //           }
    //         ]
    //       };
    //     this.chartData = JSON.parse(JSON.stringify(res));
    //   }, 500);
    // },
  }
};
</script>

<style scoped>
  /* 请根据实际需求修改父元素尺寸，组件自动识别宽高 */
  .charts-box {
    width: 100%;
    height: 300px;
  }
</style>